<!--
 * @Date: 2025-07-19 02:10:41
 * @LastEditors: 贾二小 erxiao.jia@outlook.com
 * @LastEditTime: 2025-11-06 23:00:10
 * @FilePath: /admin-vue/src/views/admin/home/index.vue
-->
<script setup lang="ts">
import Pie from './modules/pie.vue'
import Line from './modules/line.vue'
import Bar from './modules/bar.vue'
</script>

<template>
  <n-scrollbar>
    <n-grid :x-gap="12" :y-gap="12" pd :cols="4">
      <n-grid-item>
        <n-card>
          <n-statistic label="用户数量"> 1,234,123 </n-statistic>
        </n-card>
      </n-grid-item>
      <n-grid-item>
        <n-card>
          <n-statistic label="用户数量"> 1,234,123 </n-statistic>
        </n-card>
      </n-grid-item>
      <n-grid-item>
        <n-card>
          <n-statistic label="用户数量"> 1,234,123 </n-statistic>
        </n-card>
      </n-grid-item>
      <n-grid-item>
        <n-card>
          <n-statistic label="用户数量"> 1,234,123 </n-statistic>
        </n-card>
      </n-grid-item>

      <n-grid-item span="4">
        <n-card>
          <Line />
        </n-card>
      </n-grid-item>
      <n-grid-item span="2">
        <n-card>
          <Pie />
        </n-card>
      </n-grid-item>

      <n-grid-item span="2">
        <n-card>
          <Bar />
        </n-card>
      </n-grid-item>
    </n-grid>
  </n-scrollbar>
</template>

<style></style>
